<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link href="css/index.css" type="text/css" rel="stylesheet"/>
		<script src="http://cdn.bootcss.com/jquery/1.8.3/jquery.js"></script>
		<script src="js/index.js"></script>
	</head>
	<body>
		<div class="side-info">
			<div class="side_menu">
				<a href="javascript:;" id="logo" class="li-s"><i class="iconfont">&#xf0006;</i></a>
				<a href="javascript:;" id="shop_car"><i class="iconfont">&#xf003f;</i>购<br/>物<br/>车</a>
				<a href="javascript:;" id="marney" class="li-s"><i class="iconfont">&#xf0191;</i></a>
				<a href="javascript:;" id="care" class="li-s"><i class="iconfont">&#xf0054;</i></a>
				<a href="javascript:;" id="need" class="li-s"><i class="iconfont">&#xe650;</i></a>
				<a href="javascript:;" id="time" class="li-s"><i class="iconfont">&#xf00f9;</i></a>
				<a href="javascript:;" id="rech" class="li-s"><i class="iconfont">&#xe626;</i></a>
				<a href="javascript:;" id="back"><i class="iconfont">&#xe609;</i></a>
				<a href="javascript:;" id="search"><i class="iconfont">&#xf010a;</i></a>
				<a href="javascript:;" id="top"><i class="iconfont">&#xe6f7;</i></a>
				<div id="box1"><a href="#">我的特权</a></div>
				<div id="box2"><a href="#">我的资产</a></div>
				<div id="box3"><a href="#">我关注的品牌</a></div>
				<div id="box4"><a href="#">我的收藏</a></div>
				<div id="box5"><a href="#">我看过的</a></div>
				<div id="box6"><a href="#">我要充值</a></div>
				<div id="box7"><a href="#">用户反馈</a></div>
				<div id="box8"><a href="#"><img src="img/1.png" width="80" height="80"></a></div>
				<div id="box9"><a href="#">回到顶部</a></div>
				<div id="shop_info">
					<div class="side_load">
						<span>&times;</span>
					</div>
					<div class="login">
						<span class="title">手机扫码  安全登录</span>
						<img src="img/3.png" class="pic"/>
					</div>
				</div>
			</div>
			<div class="side-inner">
				<div class="side_close">
					<div class="tit"><span>>></span>我要充值</div>
					<div class="phone">手机话费</div>
				</div>
				<div class="about">
					<div id="phone_number"><span>号码</span><input type="text" value="手机号码" id="text"/></div>
					<div id="face_value"><span>面值</span><input type="text" value="50元" id="txt"/></div><br/>
					<div id="sale_price">售价：￥49-49.8</div>
					<div id="submit">
						<input type="button" value="立即充值" id="btn_l"/>
						<input type="button" value="定期充值" id="btn_r"/>
					</div>
				</div>
			</div>
		</div>
		<!------------吸顶菜单------------->
		<div class="top-menu">
			<div class="top-main">
				<div class='menu_pic'><a href="#"><img src="img/pic.jpg"></a></div>
				<div class="menu_form">
					<input type="text" id="search_cont"/>
					<input type="button" value="搜索" id="search_btn"/>
					<div id="link">清凉小短裤，秒变大长腿</div>
				</div>
				<ul id="search_list"></ul>
			</div>
			
		</div>
		<!------------------楼层------------------->
		<div class="about_floor">
			<div class="nav_header">
				<a href="javascript:;">导航</a>
			</div>
			<div class="nav_main">
				<div class="nav_box1"><a href="javascript:;">亲子时光</a></div>
				<div class="nav_box2"><a href="javascript:;">户外出行</a></div>
				<div class="nav_box3"><a href="javascript:;">打造爱巢</a></div>
				<div class="nav_box4"><a href="javascript:;">居家生活</a></div>
				<div class="nav_box5"><a href="javascript:;">潮电酷玩</a></div>
				<div class="nav_box6"><a href="javascript:;">美丽人生</a></div>
				<div class="nav_box7"><a href="javascript:;">品牌旗舰</a></div>
				<div class="nav_box8"><a href="javascript:;">猜你喜欢</a></div>
			</div>
			<div class="nav_top"><a href="javascript:;">顶部</a></div>
		</div>
		
		
		<!--------------------以下为调试内容-------------------------->
		
		<div class="main-top"></div>
		<div class="floor">1</div>
		<div class="floor">2</div>
		<div class="floor">3</div>
		<div class="floor">4</div>
		<div class="floor">5</div>
		<div class="floor">6</div>
		<div class="floor">7</div>
		<div class="floor">8</div>
		
	</body>
</html>
